/*
    自定义hook有如下要求
    1、函数必须是以use开头的
    2、返回值必须不能是JSX,它的返回值就是一个些对象等
*/
import {useState,useEffect} from 'react'
function useMousePosition(){
    const [position,setPosition]=useState({
        x:0,
        y:0
    })
    const handleMouseMove=function(e){
        setPosition({
            x:e.x,
            y:e.y
        })
    }
    useEffect(()=>{
        document.addEventListener('mousemove',handleMouseMove)
        return ()=>{
            //解绑事件
            document.removeEventListener(handleMouseMove)
        }
    },[])
    return position
}
export default useMousePosition